/**
 * Created by levy on 16/6/15.
 */
/**
 * 时间选择控件,样式默认是input
 * 默认是精确到分。有时后台接口需要秒, 需要在ajax时自己拼接上 :00
 * 参考report-detail.html, 需要引入 mui.min.js, mui.picker.min.js, mui.picker.min.css
 * 
 * addClass: '',
 * name: name 与 id 都叫这个
 * value: 默认值
 * placeholder: 默认为 请选择时间*
 * isNeed: 传值 true 则 会多一个类名: required
 *
 */
var DatePicker = React.createClass({
    render: function () {
        var props = this.props,
            inputClass = props.addClass || '';
            console.log(props)
        
        return <input ref="dtpicker" type="text" readOnly
                      className={props.isNeed == true ?  ("required" + inputClass ) :inputClass}
                      placeholder={props.placeholder || "请选择时间"}
                      value={props.value} name={props.name} id={props.name}/>;
    },
    componentDidMount: function () {
        // $('.ui-dtpicker-header').css({'display':'none'});
        // $('.ui-dtpicker-header').eq(1).css({'margin-top':'110px'})
        $('#TimeEed').on('change',function(){
            console.log(8)
        })
        $(React.findDOMNode(this.refs.dtpicker)).on('tap', function (e) {
            //去掉系统键盘
            e.target.focus();
            var $me = $(this);
            ////ios
            //if(sys == lf.systemFlag.IOS){
            //    picker.show(function (rs) {
            //        $me.val(rs.text);
            //        picker.hide();
            //    });
            //}
            //else {
            //    lf.bridgeJs.datePicker('date_time', function (data) {
            //        $me.val(data);
            //    });
            //}
            liefeng.bridgeJs.datePickerAdd('date_time', function (data) {
                ///console.log(data.split(' ')[1]) 如果只想显示时间截取
                $me.val(data.split(' ')[1]);
                console.log($me.val())
                console.log(4)

            });
        });
    }
});



export default DatePicker;
